<template>
	<view class="home">
		<view class="bg-ff radius-40 padding-20 flex margin-bottom-40"
			style="box-shadow: 0rpx 16rpx 80rpx 0rpx rgba(176,181,185,0.25);" v-for="(item,index) in 3"
			:key="index">
			<image src="/static/board/member.png" mode="" class="listimg"></image>
			<view class="flex-one margin-left-30">
				<view class="text-32">我是店铺名我是店铺</view>
				<view class="flex align-center margin-top-10">
					<image src="/static/board/phone.png" mode="" class="phoneimg"></image>
					<view class="text-28 text-66 margin-left-10">020-12345678</view>
				</view>
				<view class="flex align-center margin-top-10 ">
					<image src="/static/board/adres.png" mode="" class="phoneimg"></image>
					<view class="text-28 text-66 text-cut-one margin-left-10">广州市天河区江溪街道</view>
				</view>
				<view class="flex justify-between align-center margin-top-40">
					<view class="jlbtn">离你500米</view>
					<view class="listbtn">立即预约</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.home{
		width: 100%;
		min-height: 100vh;
		background: #fff;
		padding: 20rpx 30rpx;
	}
	.listimg {
		width: 226rpx;
		height: 226rpx;
		border-radius: 40rpx;
	}
	
	.phoneimg {
		width: 28rpx;
		height: 28rpx;
	}
	
	.jlbtn {
		font-size: 24rpx;
		color: #999999;
		line-height: 50rpx;
		height: 50rpx;
		padding: 0 15rpx;
		border-radius: 200rpx 200rpx 200rpx 200rpx;
		border: 2rpx solid #999999;
	}
	
	.listbtn {
		width: 174rpx;
		height: 60rpx;
		background: #101010;
		border-radius: 200rpx 200rpx 200rpx 200rpx;
		font-size: 28rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 60rpx;
	}
</style>